//获取所有文章,刷新到页面
$.get('/posts', function (response) {
    console.log(response)
    //文章的数据
    let html = template('postsTpl', response)
    $('tbody').html(html)

    //分页的数据
    let pageHtml = template('pageTpl', response)
    $('#page').html(pageHtml)
})



//display  显示页码
//page     当前页
//pages    所有页
//size     每页显示条数
//total    总条数

//点击触发分页的处理函数
function changePage(page) {
    $.get('/posts', { page: page }, function (response) {
        //文章的数据
        let html = template('postsTpl', response)
        $('tbody').html(html)

        //分页的数据
        let pageHtml = template('pageTpl', response)
        $('#page').html(pageHtml)
    })
}

//获取所有分类
$.get('/categories', function (response) {
    let html = template('categoryTpl', { data: response })
    $('#category').html(html)
})

//提交筛选表单
$('#filterForm').on('submit', function () {
    //数组格式的表单数据
    let formDataArray = $(this).serializeArray()
    //空字符串
    let formData = ""

    //如果要获取所有分类,则state这参不要
    //判断是不是有分类,为空,则代表没有
    //实际的工作中,应该由后台实现. 用3个参数,代表3个状态.
    if (formDataArray[1].value === "") {
        formData = formDataArray[0].name + '=' + formDataArray[0].value
    } else {
        formData = $(this).serialize()
    }
    //处理后的数据
    console.log(formData)
    //通过ajax,发请求
    $.get('/posts', formData, function (response) {
        //console.log(response)
        let html = template('postsTpl', response)
        $('tbody').html(html)

        let pageHtml = template('pageTpl', response)
        $('#page').html(pageHtml)
    })
    return false
})


//删除文章
$('tbody').on('click', '.delete', function () {
    if (confirm('确定删除这个文章吗?')) {
        //获取该文章的id
        let id = $(this).attr('data-id')
        //发起删除请求
        $.ajax({
            type: 'delete',
            url: '/posts/' + id,
            success: function () {
                //重新加载页面看效果
                location.reload()
            }
        })
    }
})
